<template>
	<a-layout class="layout">
		<Header></Header>

		<a-layout-content style="padding: 0 200px">
			<div :style="{ background: '#fff', padding: '15px', height: '100%' }">
				<router-view/>
			</div>
		</a-layout-content>

		<a-layout-footer style="text-align: center">
			家族管理系统 
		</a-layout-footer>

	</a-layout>
</template>

<script>
	import Header from "@/components/Header";
	export default {
		name: "app",
		data() {
			return {
				selectedKeys: ["1"]
			}
		},
		components: {
			Header
		}
	}
</script>

<style>
#app {
	height: 100%;
}

.layout {
	height: 100%;
}
</style>
